@charset "utf-8";
/*********************
* 虚拟展厅
* Author: Feil.Wang
* Date: 2013.04 
*********************/

.header,.table-list th{ height:100px;background:url(../images/headerbg.png) repeat-x;}
.nav h1,
.user-info em,
.nav-tabs li a,
.nav-tabs li em,
.nav-tabs li span,
.crumbs-i,
.search-icon,
.icon-edit,
.icon-del,
.icon-stop,
.icon-txt,
.icon-chat,
.icon-start,
.txt-outer-bg,
.add-btn-red,
.select .right,
.pagination a{ background:url(../images/sprite.png) no-repeat;}
.header{ min-width:1200px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1200?"1200px":"");}
.footer{ height:32px; line-height:32px; width:100%; border-top:1px solid #cdcdcd; background-color:#fafafa; text-align:center; position:fixed; bottom:0; left:0;}

/*IE6底部固定*/
*html,*html body{background-image:url(about:blank);background-attachment:fixed;}
*html .footer{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

.top{ height:40px;}
.logo{ float:left; height:40px; margin-left:20px;}
.logo img{ height:40px;}
.user-info{ float:right; height:40px;}
.user-info li{ float:left; height:40px; line-height:40px; padding:0 15px; border-right:1px solid #d0d0d0; }
.user-info li a:hover{color:#3366cc;}
.user-info em{ width:20px; height:20px; float:left; margin:10px 5px 0 0;}
.user-info em.icon-user{ background-position:-130px -60px;}
.user-info em.icon-setting{ background-position:-130px -80px;}
.user-info em.icon-pwd{ background-position:-130px -100px;}
.user-info em.icon-exit{ background-position:-130px -120px;}
.user-info em.icon-arrow{background-position:-130px -140px;}
.nav{ height:60px;}
.nav h1{ float:left; display:inline; margin-left:20px; width:150px; height:60px; background-position:0 0; text-indent:-999px; overflow:hidden;}
.nav-tabs{ float:left; padding:15px 0 0 50px;}
.nav-tabs li{ float:left;  height:32px; margin-right:10px;}
.nav-tabs li a{ display:block; float: left; height:32px; line-height:32px; background-position:0 -260px; color:#fff; font-size:15px; font-weight:bold; cursor:pointer;}
.nav-tabs li.current a,.nav-tabs li a:hover{background-position:0 -324px;}
.nav-tabs li span{ float:left; background-position: right -292px; padding-right: 12px; }
.nav-tabs li.current a span,.nav-tabs li a:hover span{ background-position: right -356px;}
.nav-tabs li em{ float:left; width:20px; height:20px; margin:6px 5px 0 12px; }
.nav-tabs li em.i-a{ background-position:-150px 0; _background-position:-151px 0; }
.nav-tabs li em.i-b{ background-position:-150px -20px; _background-position:-151px -20px;}
.nav-tabs li em.i-c{ background-position:-150px -40px; _background-position:-151px -40px;}
.nav-tabs li em.i-d{ background-position:-150px -60px; _background-position:-151px -60px;}
.nav-tabs li em.i-e{ background-position:-150px -80px; _background-position:-151px -80px;}
.nav-tabs li em.i-f{ background-position:-150px -100px; _background-position:-151px -100px;}
.nav-tabs li em.i-g{ background-position:-150px -120px; _background-position:-151px -120px;}

.main{ width:1000px; margin:10px auto 35px;}
.crumbs{ padding:0 0 10px; margin:0 0 10px; border-bottom:2px solid #d0d0d0;}
.crumbs a{ color:#336699;}
.crumbs-i{ float:left; margin:2px 5px 0 0 ; width:16px; height:16px; background-position:-112px -60px;}

.container{ border:1px solid #bbbec4; background-color:#fafafa;}
.edit-block{ padding:10px 0 0;}
.submit-block{ padding:15px 0 25px; text-align:center;}
.submit-block input{ margin:0 30px; padding:0 20px;}

.index-block{ overflow:hidden; zoom:1;}
.left-block{ float:left; width:200px; border:1px solid #bbbec4; background-color:#fafafa;}
.left-block h3{ height:30px; line-height:30px; background-color:#efefef; border-bottom:1px solid #bbbec4; text-indent:10px;}
.left-block ul{ padding:5px;}
.left-block ul li{ padding:8px 10px; border-bottom:1px solid #bbbec4;}
.left-block ul li span{ margin-left:5px;}
.left-block ul li a{ margin-left:30px;}
.txt-outer-bg{ display:inline-block; width:75px; height:20px; line-height:20px; background-position:0 -180px; text-align:center; color:#fff;}

.right-block{float:left; margin-left:10px; width:788px;}
.r-sub-block{ padding:5px; border:1px solid #bbbec4;background-color:#fafafa; margin-bottom:10px;}
.r-sub-block h3{ padding:0 5px 5px;}
.chat-info{border:1px solid #bbbec4; background-color:#fff; height:200px;}

.dl-item{ margin-bottom:15px; zoom:1;}
.dl-item:after{content:''; display:block; height:0; clear:both; visibility: hidden;}
.dl-item dt{ float:left; height:26px; line-height:26px; width:250px; text-align:right;}
.dl-item dd{ float:left; margin-left:10px; display:inline;}

.input-text,.text-area{display: inline-block; font-size: 14px; height: 21px; line-height: 21px; color: #555555;  padding: 2px 5px; vertical-align: middle; background-color: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; border-radius: 3px; }
.input-text:focus,.text-area:focus{border-color: rgba(82, 168, 236, 0.8);  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);  outline: 0 none;}
.text-area{ height:100px; overflow:auto;}
.chkbox{ vertical-align:middle; margin:0 3px 2px 0}
.label-radio{ margin:0 15px 0 0; vertical-align:middle;}
.input-radio{ margin:0 3px 2px 0; vertical-align:middle;}

.input-file{ position:relative;width:270px; height:27px; display:block;}
.input-file .input-text{ width:190px;}
.input-file .btn-gray{ width:60px;}
.input-file .file{ position:absolute; top:0; right:0; height:30px; line-height:30px; filter:alpha(opacity=0);opacity: 0; width:270px; cursor:pointer;}

.table-tabs,.d-tabs{ height:29px; line-height:29px; background-color:#efefef; border-bottom:1px solid #bbbec4;}
.table-tabs li{ float:left;  border-right:1px solid #bbbec4;}
.table-tabs li a ,.d-tabs li a{ float:left;  padding:0 15px; font-weight:bold;}
.table-tabs li.current a,.d-tabs li.current a{background-color:#fafafa; position:relative; height:29px; line-height:26px; top:1px;}
.d-tabs li{ float:left; border-left:1px solid #bbbec4;}
.d-tabs li.first{ border:none;}
.d-tabs li.current a{background-color:#fff;}

.dialog-box{ width:440px;}
.dialog-box .dl-item dt{ width:80px;}
.dialog-box .content{ padding:10px; padding:15px 10px 0\9;}


.search-bar{ height:27px; position:relative; padding:0 0 0 10px;}
.search-bar .input-text{ padding:2px 30px 2px 5px; width:170px; float:left;}
.search-icon{ position:absolute; width:14px; height:14px; left:195px; top:6px; *top:8px; _left:185px;background-position:-112px -80px; font-size:0; }
.search-bar .select-wrap{margin-left:20px;}
.search-bar .btn-gray-a{margin-left:20px;}
.search-bar .btn-green-a{ margin-right:10px;}

.table-wrap{ padding:10px;}
.table-list{ }
.table-list th{ background-position:0 -100px; height:34px; font-size:12px; color:#444; font-weight:bold;}
.table-list td{ height:30px; text-align:center;}
.white-bg td{ background-color:#fff;}
.table-foot{ height:35px; background-color:#f7f7f7; border:1px solid #bbbec4; border-top:none;}

.icon-edit,.icon-del,.icon-stop,.icon-txt,.icon-chat,.icon-start{display:inline-block; width:20px; height:20px; font-size:0; margin:0 5px;vertical-align: middle;}
.icon-edit{ background-position:-150px -220px; _background-position:-150px -222px;}
.icon-del{ background-position:-150px -140px; _background-position:-149px -142px;}
.icon-stop{ background-position:-150px -160px; _background-position:-150px -161px;}
.icon-txt{ background-position:-150px -180px; _background-position:-150px -181px;}
.icon-chat{background-position:-150px -200px; _background-position:-150px -201px;}
.icon-start{background-position:-150px -240px; _background-position:-150px -241px;}

.add-btn-red{ width:96px;height:27px; line-height:27px; color:#fff; position:absolute; right:10px; top:0; background-position:0 -124px; text-indent:30px; font-weight:bold;}

.batch{ height:35px; line-height:35px; padding:0 10px;}
.batch-txt{ float:left;}
.batch .btn-gray-a{ margin:4px 0 0 10px;}

/*select*/
.table-foot .select-wrap{margin: 4px 0 0 10px;}
.select-wrap{ width:117px;  height:27px; position:relative; float:left;}
.select{ border:1px solid #bec1c7; height:25px; border-radius:3px; }
.select .left{ float:left; width:70px; padding:0 10px; height:25px; line-height:25px; background-position:0 -75px; border-radius:2px; border-top-right-radius:0; border-bottom-right-radius:0;}
.select .right{ float:left; height:25px; width:25px; background-position:-100px -124px; border-top-right-radius:2px; border-bottom-right-radius:2px;cursor:pointer;}
.select-wrap .up{ left:0; bottom:25px;}
.select-wrap .down{ left:0; top:25px;}
.slt-option{ display:none; position:absolute; background-color:#f7f7f7; width:115px; border:1px solid #bec1c7; border-bottom:none;}
.slt-option li{ height:25px;line-height:25px; border-bottom:1px solid #bec1c7; padding:1px; }
.slt-option li a{ display:block; height:25px; line-height:25px; padding:0 10px;}
.slt-option li a:hover{ background-color:#187ec5; color:#fff;}

.select-b{ padding:4px; border:1px solid #ddd; border-radius:4px;}
.select-b optgroup{ font-weight:bold;}

/*分页*/
.pagination{ float:right; _margin-top:3px;}
.pagination a{ display:inline-block; width:63px; height:27px; line-height:27px;}
.pagination a.prev{ background-position:0 -152px; text-indent:17px;}
.pagination a.next{ background-position:-64px -152px; text-indent:8px;}
.pagination .count{ padding:0 10px;}
.pagination .jump{display:inline-block; margin-left:10px;}
.pagination .input-text{ width:50px; margin-bottom:2px;}

/*iframe*/
.iframe-block{ padding:0px 20px;}